*{margin: 0;padding: 0;}
a{text-decoration: none;}
li{list-style: none;}
body,button, input, select, textarea, fieldset, label,li,a {
    font: 12px/1.5 tahoma,arial,"Hiragino Sans GB",宋体,sans-serif;
    }
img{
    border: none;
}
 //顶部导航条开始
#header_top{
    height: 30px;width: auto;
    border-bottom: 1px solid #E3E2E2;
    background-color: #E3E2E2;
    //中间的大框
    .header_centre{
        width: 1200px;height: 30px;
        margin: 0 auto;
        //background: red;
        //中间的左侧开始
        .header_lift{
            width: 600px;height: 30px;
            float: left;
            //background: black;
            a{
                //width: 24px;height: 29px;
                display: block;float: left;
                line-height: 29px;font-family:"宋体";
                color: #666;font-size: 12px;
                padding-left: 5px;
                &:hover{
                    text-decoration: underline;
                }
            }
        }
        //中间的右侧登陆，注册，个人中心，购物车
        .header_right{
            width: 400px;height: 30px;
            float: right;
            //background: red;
            a{ 
                display: block;float: left;
                line-height: 29px;font-family:"宋体";
                color: #666;font-size: 12px;
                margin-left: 10px;
            }
        }
    }
}
//顶部导航条结束  
//顶部LOGO开始
#header_logo1{
    width: 1200px;height: 110px;
    //background: #ccc;
    margin: 0 auto;
    position: relative;
   .logo_left1{
       .logo_img{
           position: absolute;
           left: 0;top: 20px;
           display: block;
       }
   }
   .logo_right1{
       width: 540px;height: 65px;
         float: left;
         position: absolute;
         right: 0;top: 20px;
         //border: 1px solid black;
       //搜索框开始
       .right1_fro{
           width: 540px;height: 35px;
           float: right;
            // border: 1px solid blue;
           //搜索框上侧
           .fro_top{
               width: 450px;height: 30px;
              .fro_keyword{
                  width: 340px;height: 28px;
                  border: 3px solid #F13E44;
                  float: left;
              }
              .fro_btn{
                  width: 80px;height: 30x;
                  color: white; background: #F13E44;
                  border: 0px;padding: 4px;
                  font-size: 16px;font-weight: 400;
                  float: left;
                  
              }
           }
           //搜索框下侧
           .fro_bottom{
               width: 550px;height: 28px;
               padding-top: 10px;
               a{
                   display: block;margin-right: 15px;
                   float: left;
                   &:hover{
                       text-decoration: underline;
                   }
               }
           }
       }
   }
}
//顶部LOGO区域结束
//中间第一屏区域开始
//大框
#centre1{
    width: 1200px;height: 500px;
    margin: 0 auto;position: relative;
    //border: 1px solid red; 
    //导航横条
    .centre1_top{
        width: 1200px;
//      height: 40px;
         //全部分类
        .cen_tit{
            width: 170px;height: 37px;
            background: #584A58;color: #FFF;
            line-height: 37px;font-weight: normal;
            padding-left:20px;font-size: 16px;font-family: "微软雅黑";
            float: left; 
        }
        ul{  
            height: 35px;
            border-bottom: 2px solid #957B84;
            li a{
                width: 62px;height: 35px;
                padding-left:20px;line-height: 35px;
                font-size: 14px;color: #79798E;font-weight: 700;
                float: left;
                &:hover{
                     color:#F13E44;
                }
            }
        }
    }
    //全部分类左侧开始
    .cen_menu{
        width: 190px;
        overflow: hidden;
        float: left;
       
        //内容分类大框
        .cen_menu_ul{
            width: 190px;height: 433px;
            background: #705965;color: #FFF;
            padding-top: 20px;
            position: absolute;
            left: 0;    
        }
        //li标签的循环样式
        .menu_on{
            width: 150px;height: 25px;
            margin-bottom: 3px;position: relative;
            line-height: 25px;color: #FFF;
            padding-left:40px;
            //li标签的hover效果
            &:hover{
                background: #F4F4F4;
                color: #666;
                a{color: #666;}
                .twoa{
                    display: block;
                    z-index: 100;
                }
            }
            span a{
                 color: #FFF;
            }
            //左侧背景精灵的共同样式
            .cen_ico1{
                width: 16px;height: 16px;
                position: absolute;left: 20px;top:5px;
            }
            //右侧背景精灵共同样式
            .cen_ico2{
                width: 3px;height: 5px;
                position: absolute;top:10px;right: 10px;
                background: url(../images/index_spr.png) no-repeat -256px 0px;
            }
            .twoa{
                width: 460px;height: 450px;
                border: 1px solid #DDDDDD;
                position: absolute;
                left: 190px;top:-20px;
                background: #FFF;
                //z-index: 100;
                //opacity: 0.8;
                display: none;
                .two1_1{
                    //background: red;
                    width: 440px;
                    height: 110x;
                    border-bottom: 1px dashed #666;
                    margin-left: 10px;
                    margin-top: 20px;
                    float: left;
                    .two1_2{
                        width: 440px;height: 20px;
                        float: left;
                        display: block;
                        color: #333;
                        font-family: "微软雅黑";
                        margin-left:18px;
                        line-height: 20px;
                        font-size: 14px;
                        font-weight: 700;
                        margin-bottom: 10px;
                    }
                    li{
                        width: auto;height: 20px;
                        float: left;
                        padding-left: 20px;
                        margin-bottom: 10px;
                    }
                    
                }
            }
            //二级菜单位置高度调试****************
            .twoa_0{
                top:-20px;
            }
            .twoa_1{
                top:-48px;
            }
            .twoa_2{
                top:-76px;
            }
            .twoa_3{
                top:-104px;
            }
            .twoa_4{
                top:-132px;
            }
            .twoa_5{
                top:-160px;
            }
            .twoa_6{
                top:-188px;
            }
            .twoa_7{
                top:-216px;
            }
            .twoa_8{
                top:-244px;
            }
            .twoa_9{
                top:-272px;
            }
            .twoa_10{
                top:-300px;
            }
            .twoa_11{
                top:-328px;
            }
            .twoa_12{
                top:-356px;
            }
            .twoa_13{
                top:-383px;
            }
            .twoa_14{
                top:-411px;
            }
            //二级菜单的位置**************************
            //分类前面的背景精灵开始*********************
            //1.衣服图标
            .ico1_0{
                 background: url(../images/index_spr.png) no-repeat 0px -15px;
            }
            //2.鞋图标
            .ico1_1{
                 background: url(../images/index_spr.png) no-repeat -15px -15px;
            }
            //3.鞋图标
            .ico1_2{
                 background: url(../images/index_spr.png) no-repeat -32px -15px;
            }
             //4.鞋图标
            .ico1_3{
                 background: url(../images/index_spr.png) no-repeat -47px -15px;
            }
             //5.鞋图标
            .ico1_4{
                 background: url(../images/index_spr.png) no-repeat -64px -15px;
            }
             //6.鞋图标
            .ico1_5{
                 background: url(../images/index_spr.png) no-repeat -80px -15px;
            }
             //7.鞋图标
            .ico1_6{
                 background: url(../images/index_spr.png) no-repeat -97px -15px;
            }
            .ico1_7{
                 background: url(../images/index_spr.png) no-repeat -113px -15px;
            }
            .ico1_8{
                 background: url(../images/index_spr.png) no-repeat -128px -15px;
            }
            .ico1_9{
                 background: url(../images/index_spr.png) no-repeat -145px -15px;
            }
            .ico1_10{
                 background: url(../images/index_spr.png) no-repeat -161px -15px;
            }
            .ico1_11{
                 background: url(../images/index_spr.png) no-repeat -177px -15px;
            }
            .ico1_12{
                 background: url(../images/index_spr.png) no-repeat -193px -15px;
            }
            .ico1_13{
                 background: url(../images/index_spr.png) no-repeat -208px -15px;
            }
            .ico1_14{
                 background: url(../images/index_spr.png) no-repeat -224px -15px;
            }
            //分类前面的背景精灵结束*********************
        }
    }
    //全部分类左侧结束
    
    //中间轮播开始
    .con_middle{
        width: 460px;height: 450px;
        float: left;
        position: absolute;
        top: 40px;left: 190px;
        a{
            width: 460px;height: 450px;
            float: left;
            position: absolute;
            left: 0px;top: 0px;
            display: none;
            img{
                width: 460px;height: 450px;
            }
        }
        .con_ul{
            width: 96px;height: 14px;
            position: absolute;left: 30px;top: 420px;
            li{
                width: 14px;height: 14px;
                border-radius: 50%;
                background: #4B4B4B;
                float: left;
                margin-left: 5px;
                cursor: pointer;
            }
        }
    }
    
    //中间轮播结束
    //第三块商品广告图片开始
   .promo{
       width: 332px; overflow: hidden;
       position: absolute;top:40px;right: 200px;
       .promo1{
            width: 332px;  height: 210px;
            float: left;
            ul{
                
                    
                li{
                    display: block;
                    float: left;
                    border-right: 1px dotted #D1D1D1;
                }
            }
             
        }
        
        //第四块精选频道开始
        .promo_btm{
            width: 332px;overflow: hidden;
            position: relative;
            h2{
                margin:  0px 20px 10px 25px;
                padding-top:10px;
                border-top:1px dotted #D1D1D1;
            }
            ul{
                border-right: 1px dotted #D1D1D1;
                li{
                    width: 330px;height: 32px;
                    a{
                       height: 32px;
                       line-height: 32px;
                       margin:  0px 20px 10px 25px;
                       display: block;
                       &:hover{
                           background: #E4E2E4;
                           color: #F46A6A;
                       }
                    }
                }
                img{
                    position: absolute;
                    top: 0;right: 0;
                }
            }
        }
    }
     //第四块精选频道结束
     
    .promo2{
        width: 190px;height: 450px;
        position: absolute;top: 40px;right: 0;
        img{
           width: 190px; height: 225px;
        }
    } 
}
//中间第一屏区域结束
//第一楼
.f1{
    width: 1200px;height: 950px;
    //overflow: hidden;
    margin: 0 auto;
    margin-top: 20px;
    //border: 1px solid black;
    //第一层导航条信息展示开始
    .f_hd{
        width: 1190px;height: 32px;
        border-bottom: 2px solid #7F6D79;
        .f_tit1{
            height: 30px;
            font-size: 22px;font-family: "微软雅黑";
            color: #7F6E79;
            span{
                display: inline-block;height:30px;
                margin-right:7px ;padding: 0 5px;
                line-height: 30px;text-align: center;
                background: #7F6D79;color: #FFF;
                font-size: 19px;
            }
            //香水的字体
            em{
                font-style: normal;font-weight: normal;
            }
        }
    }
    //第一层导航条信息展示结束
    .f_bd{
        //border: 1px solid blue;
        //float: left;
        width: 1200px;//height: 903px;
        overflow: hidden;
        //第二层图片信息开始
        .f_row{
            margin-bottom: 10px;
            //左侧图片开始
            .f_col1{
                width: 400px;height: 440px;
                float: left;display: inline;
                background: #fff;
                .f_banner{
                    padding: 20px;
                    a{
                        color: #666;
                        img{
                            width: 360px;height: 390px;
                            display: block;
                            margin: 0 auto;
                        }
                    }
                }
            }
            //左侧图片结束
            //中间图片开始
            .f_col2{
                width: 390px;height: 400px;
                float: left;
                .f_promo{
                    width: 390px;height: 400px;
                    padding: 20px 0;
                    ul{
                        height: 400px;width: 390px;
                        //border-left: 1px dotted #D1D1D1;
                        li{
                            width: 188px;height: 400px;
                            float: left;display: inline;
                            a{
                                color: #666;
                                img{
                                    display: block;
                                    width: 195px;height: 390px;
                                    border-right: 1px dotted #D1D1D1;
                                    border-left: 1px dotted #D1D1D1;
                                }
                            }
                        }
                    }
                }
            }
            //中间图片结束
            //右侧图片开始
            .f_col3{
                width: 400px;height: 430px;
                float: left;
                display: inline;background: #FFF;
                .f_rush{
                    height: 400;padding: 20px;
                    width: 400px;margin-top: -10px;font-family: "微软雅黑";
                    .f_rush_item{
                        width: 360px;color: #FFF;margin-top: 10px;
                        //border: 1px solid black;
                        .f_rush_info{
                            width: 150px;height: 170px;
                            position: relative;
                            padding: 20px 15px 0;
                            z-index: 5;float: left;
                            background:url(../images/rush_ico.png) no-repeat 0 -190px;
                            //p内容
                            .f_rush_tit{
                                margin-bottom: 10px;
                                height: 40px;
                                a{
                                    color: #FFF;
                                }
                            }
                            //p标签旧价格
                            .f_rush_price_old{
                               width: 150px;height: 19px;
                               font-family: "微软雅黑";
                               span{
                                   margin-right: 5px;
                               }
                               del{
                                   i{
                                       font-family: arial;
                                   }
                                   em{
                                       font-style: normal;
                                   }
                               }
                            }
                            //p标签新价格
                            .f_rush_price_now{
                                font-size: 22px;
                                i{
                                   font-family: arial;  
                                }
                                em{
                                       font-style: normal;
                                   }
                            }
                            //立即抢
                            .f_rush_act{
                                background: rgba(92, 153, 140, 0.25) none repeat scroll 0% 0%;
                                display: block;
                                //position: relative;
                                height: 32px;
                                text-align: center;
                                color: #FFF;
                                font-size: 16px;
                                line-height: 32px;
                                border-radius: 2px;
                                will-change: background;
                                transition: background 0.2s ease-in-out 0s;
                                i{
                                    display: inline-block;
                                    margin-left: 9px;
                                    width: 6px;
                                    height: 14px;
                                    vertical-align: middle;
                                    background: url(../images/index_spr.png) no-repeat -245px 1px;
                                }
                            }
                        }
                        .f_rush_img{
                            width: 180px;height: 190px;
                            float: right;
                            position: relative;
                            a{
                                color:666;
                                img{
                                    display: block;width: 100%;height: 100%;
                                    
                                }
                            }
                        }
                        .f_rush_info2{
                            float: right;
                            background:url(../images/rush_ico.png) no-repeat;
                        }
                    }
                }
            }
            //右侧图片结束
        }
        //第二层图片信息结束
        //第三层图片6张开始
        .f_row2{
                //margin-bottom: 10px;
                width: 1190px;height: 312px;
                margin-top: 20px;
                 //border: 1px solid red;
                float: left;
            .f_star{
                width: 1190px;height: 312px;
                padding: 20px 0;background: #FFF;
                //明星单品字体
                .f_star_tit{
                    position: relative;
                    padding-left: 30px;
                    height: 26px;line-height: 26px;
                    font-family: "微软雅黑";
                    font-size: 16px;
                    color: #7F6E79;
                    margin: 0px 0px 15px 20px;
                    font-weight: normal;
                    i{
                        width: 26px;height: 26px;
                        position: absolute;
                        left: 0px;top: 10px;
                        margin-top: -13px;
                        background: url(../images/index_spr.png) no-repeat -20px -65px;
                    }
                }
                //6张图片循环
                .f_star_glist{
                     //overflow: hidden;
                     width: 1190x;height: 231px;
                    ul{
                        width: 1200px;height: 231px;
                        li{
                            float: left;
                            display: inline;
                            padding: 10px 20px;
                            width: 161px;height: 160px;
                            margin-left: -1px;
                            .f_star_g{
                                border-right: 1px dotted #D1D1D1;
                                .g_img{
                                    width: 160px;height: 160px;
                                    margin-bottom: 10px;
                                    a{
                                        color: #666;
                                    }
                                }
                                .g_info{
                                    .g_tit{
                                        margin-bottom: 0;
                                        a{
                                            color: #999;
                                        }
                                    }
                                    .g_price{
                                        color: #E32028;
                                        font-size: 14px;
                                        i{
                                            display: inline-block;
                                            margin-right: 5px;
                                            font-family: arial;
                                            font-weight: normal;
                                            font-size: 12px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
        //第三层图片6张结束
        //分类
        .f_row3{
              width: 1190px;height: 141px;
              //border: 1px solid black;
              float: left;
            .f_keylist{
                width: 1185px;height: 121px;
                padding: 20px 0px 15px;
                position: relative;background: #FFF;
                //三个公用
                .f_key{
                    width: 350px;height: 106px;
                    float: left;
                    display: inline;padding: 0 0 0 20px;
                    margin-left: 25px;
                    //border: 1px solid blue;
                }
                //妈妈用品
                .f_key1{
                    .f_key_tit{
                        width: 380px;height: 25px;
                        position: relative;
                        height: 26px;
                        margin-bottom: 8px;
                        padding-left: 30px;
                        font: 16px "微软雅黑";
                        color: #7F6E79;
                    }
                    .f_key_ctn{
                        width: 380x;height: 72px;
                        position: relative;
                        margin-left: -10px;
                        border-right: 1px dotted #D1D1D1;
                        li{
                            width: 62px;height: 20px;
                            border-right: 1px dotted #D1D1D1;
                            float: left;line-height: 20x;
                            text-align: center;
                            margin-bottom: 4px;
                            
                        }
                    }
                }
                //宝贝用品
                .f_key2{
                    .f_key_tit{
                        width: 380px;height: 25px;
                        position: relative;
                        height: 26px;
                        margin-bottom: 8px;
                        padding-left: 30px;
                        font: 16px "微软雅黑";
                        color: #7F6E79;
                    }
                    .f_key_ctn{
                        width: 380x;height: 72px;
                        position: relative;
                        margin-left: -10px;
                        border-right: 1px dotted #D1D1D1;
                        li{
                            width: 62px;height: 20px;
                            border-right: 1px dotted #D1D1D1;
                            float: left;line-height: 20x;
                            text-align: center;
                            margin-bottom: 4px;
                            
                        }
                    }
                }
                //热门品牌
                .f_key3{
                    .f_key_tit{
                        width: 380px;height: 25px;
                        position: relative;
                        height: 26px;
                        margin-bottom: 8px;
                        padding-left: 30px;
                        font: 16px "微软雅黑";
                        color: #7F6E79;
                    }
                    .f_key_ctn{
                        width: 380x;height: 72px;
                        position: relative;
                        li{
                            width: 70px;height: 30px;
                            border-right: 1px dotted #D1D1D1;
                            float: left;line-height: 30x;
                            text-align: center;
                            margin-bottom: 4px;
                            img{
                                width: 70px;height: 30px;
                            }
                            
                        }
                    }
                }
            }
        }
        
    }
}
//中间内容结束
//底部开始
#bottom_m{
    width: 100%;height: 180px;
    margin-top: 90px;
    background: url(../images/ht1.png) repeat-x ;
    .bottom_z{
        width: 1200px;height: 140px;
        //border: 1px solid black;
        margin: 0 auto;
        padding-top: 15px;
        .bottom_l{
            width: 245px; height: 140px;
            margin-top: 20px;
            //border: 1px solid black;
            float: left;
            a{
                width: 145px;height: 55px;
                background:url(../images/logo.png) no-repeat;
                //border: 1px solid black;
               background-size:100% 100% ;
                display: block;
            }
            p{
                width: 246px;height: 16px;
                line-height: 16px;
                color: #999;
                margin-top: 5px;
                font-size: 12px;
            }
        }
        .bottom_r{
            width: 950px;height: 105px;
            margin-top: 20px;
            //border: 1px solid black;
            float: left;
            dl{
                width: 65px;height: 83px;
                margin-left:95px;
                float: left;
                dt{
                    width: 48px;height: 17px;
                    padding-bottom: 3px;
                    color: #333;
                    font-weight: 700;
                    font-size: 12px;
                }
                dd{
                    a{
                        color: #666;
                        font-size: 12px;
                    }
                    .pa{
                        width: 50px;height: 28px;
                        //border: 1px solid black;
                        display: block;
                        background: url(../images/logo1.png) no-repeat -480px -48px;
                        float: left;
                    }
                    .pc{
                        width: 160px;height: 28px;
                        //border: 1px solid black;
                        display: block;
                        background: url(../images/logo1.png) no-repeat -245px -48px;
                        float: left;
                    }
                    .kx{
                        width: 70px;height: 28px;
                        //border: 1px solid black;
                        display: block;
                        background: url(../images/logo1.png) no-repeat -405px -48px;
                        float: left;
                    }
                }
            }
        }
    }
}
//底部结束
.boxs1{
    width: 35px;height: 35px;
    display: block;
    background: url(../images/logo5.png) no-repeat 0 0;
    position: fixed;
    right: 20px;bottom: 30px; 
    &:hover{
        width: 35px;height: 35px;
        background: url(../images/logo5.png) no-repeat -35px 0;
    }
}
.boxs2{
    width: 35px;height: 35px;
    display: block;
    background: url(../images/logo6.png) no-repeat -3px -37px; 
    position: fixed;
    right: 20px;bottom: 70px;
    &:hover{
        width: 35px;height: 35px;
        background: url(../images/logo6.png) no-repeat -3px -1px;
    }
}
.boxs3{
    width: 35px;height: 35px;
    display: block;
    background: url(../images/logo5.png) no-repeat 0 -35px;
    position: fixed;
    right: 20px;bottom: 110px; 
    &:hover{
    width: 35px;height: 35px;
    background: url(../images/logo5.png) no-repeat -35px -105px;
    }
}

.boxs4{
    width: 35px;height: 35px;
    display: block;
    background: url(../images/logo5.png) no-repeat 0 -70px;
    position: fixed;
    //right: 20px;bottom: 150px; 
    right: 20px;bottom: 70px;
}

















